<template>
  <view class="loading" v-if="show">
      <image :src="image_hosts+'/179f40f3112741b52661d68fa2d66a91.gif'"></image>
    <view class="msg">加载中请稍后...</view>
  </view>
</template>

<script>
export default {
  props:['show'],
  data() {
    return {
      image_hosts:this.image_host+'videoAnswer',
    };
  }
}
</script>

<style lang="scss" scoped>
.loading{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  image{
    width: 70upx;
    height: 70upx;
  }
  .msg{
	  font-size: 28upx;
	  color: #333;
	  margin-top: 20upx;
  }
}

</style>
